export const styles = {
  common: {
    primaryColor: "#2e8bef",
    primaryColorHover: "#2e8bef",
    fontSize: "24px",
    fontSizeSmall: "24px",
    fontSizeMedium: "26px",
    fontSizeLarge: "28px",
    heightSmall: "56px",
    heightMedium: "60px",
    heightLarge: "66px",
    iconSize: "36px",
  },
  Button: {
    textColor: "#2E323D",
    paddingSmall: "20px",
    paddingMedium: "20px",
    paddingLarge: "20px",
    fontSizeSmall: "22px",
    fontSizeMedium: "24px",
    fontSizeLarge: "26px",
    borderRadiusSmall: "5px",
    borderRadiusMedium: "5px",
    borderRadiusLarge: "5px",
  },
  Input: {
    paddingSmall: "0 10px",
    paddingMedium: "0 20px",
    paddingLarge: "0 20px",
    heightSmall: "56px",
    heightMedium: "60px",
    heightLarge: "66px",
    fontSizeSmall: "24px",
    fontSizeMedium: "26px",
    fontSizeLarge: "28px",
    borderFocus: "1px solid #2c8cf0",
    borderRadius: "5px",
    iconSize: "36px",
    clearSize: "36px",
  },
  Tabs: {
    tabFontSizeMedium: "26px",
    tabPaddingMediumLine: "16px 28px",
    tabGapMediumLine: "18px",
  },
  Select: {
    peers: {
      Input: {
        iconSize: "36px",
      },
    },
  },
  Card: {
    closeSize: "30px",
  },
  Pagination: {
    itemSizeMedium: "46px",
    itemFontSizeMedium: "26px",
    itemBorderRadius: "5px",
    itemBorder: "1px solid #E5E5E5",
    itemBorderHover: "1px solid #E5E5E5",
    itemTextColor: "#4A5060",
    itemTextColorHover: "#4A5060",
    itemColor: "#F8F8F8",
    itemColorHover: "#fff",
    itemColorActiveHover: "#E5F2FF",
    itemColorActive: "#F8F8F8",
  },
  DataTable: {
    fontSizeMedium: "24px",
  },
  Dialog: {
    titleFontSize: "28px",
    titleFontWeight: "600",
    fontSize: "26px",
    iconSize: "36px",
    closeSize: "28px",
  },
  Drawer: {
    headerPadding: "30px",
    bodyPadding: "30px",
    footerPadding: "30px",
    closeSize: "36px",
  },
  Timeline: {
    titleFontSizeMedium: "24px",
    titleFontSizeLarge: "28px",
    titleFontWeight: "600",
    iconSizeMedium: "28px",
    iconSizeLarge: "30px",
    contentFontSize: "24px",
  },
  Message: {
    iconSize: "30px",
    fontSize: "26px",
  },
  DatePicker: {
    itemSize: "38px",
    itemCellWidth: "50px",
    itemCellHeight: "50px",
    arrowSize: "24px",
    calendarTitleHeight: "40px",
  },
  Badge: {
    fontSize: "16px",
  },
};
